<!--
 * @Author: your name
 * @Date: 2021-11-05 15:38:52
 * @LastEditTime: 2022-01-18 19:33:56
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \star-cat-h5\src\components\Empty.vue
-->
<template>
  <div class="empty-box">
    <img class="empty-box_img" :src="require('@/assets/empty.png')" />
    <div class="empty-box_text">暂无数据</div>
  </div>
</template>

<script>
export default {};
</script>

<style scoped>
.empty-box {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 300px;
}
.empty-box_img {
  width: 117px;
  height: 100px;
  margin: 0 auto;
  display: block;
}
.empty-box_text {
  font-size: 14px;
  font-weight: 500;
  color: #afb4c7;
  line-height: 20px;
  text-align: center;
  margin-top: 9px;
}
</style>
